<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>信息展示</title>
  <link rel="stylesheet" href="./CSS/base.css">
  <link rel="stylesheet" href="./CSS/main.css">
</head>
<body>
  <div class="mainBody">
    <!-- 薪资信息概览区域 -->
    <div class="salaryBox">
         <div class="left  mesgShow">
              <div class="item">
                   <h4>班级人数</h4>
                   <strong>84</strong>
              </div>
              <div class="item">
                   <h4>平均薪资</h4>
                   <strong>17458.00</strong>
              </div>
              <div class="item">
                   <h4>平均年龄</h4>
                   <strong>23</strong>
              </div>
              <div class="item">
                   <h4>男女比例</h4>
                   <strong>2:1</strong>
              </div>
         </div>
         <div class="right salaryShow">
              <h4>薪资Salary</h4> 
              <div class="content">
                   <!-- 折线图 -->
                   <div class="myLineChart"></div>
              </div>
         </div>
    </div>

    <!-- 测试成绩统计 -->
    <div class="studentScore">
       <h4>学生成绩</h4>
       <div class="myBarChart"></div>     
    </div>

    <!-- 学生作品墙 -->
    <div class="other">
         <h4>学生风采</h4>
         <!-- 轮播图展示 -->
         <div class="PicShow">
               <img src="./img/1.png" alt="">
               <img src="./img/2.png" alt="">
               <img src="./img/1.png" alt="">
               <img src="./img/2.png" alt="">
         </div>
    </div>
</div>
<script src="./JS/echart/echarts.min.js"></script>
<script src="./JS/main.js"></script>
</body>
</html>